<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
#{extends 'main.html' /}

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Choose Month</title>
</head>
<body>
<form action="@{Application.validateAdd(date,password)}">
	<table align="center" border="5" height="70px">
		
			<tr>
				<td><b>Choose Month : </b></td>
				<td><input name="date" id="monthpicker" style="width: 150px" required/>
				</td>
			</tr>
		<br>
			<tr>
				<td align="right"><b>Password : </b></td>
				<td><input type="password" name="password" required></td>
			</tr>

			<tr>
				<td><input type="submit"></td>
			</tr>
	
	</table>
	</form>






	<script>
		$(document).ready(function() {

			$("#monthpicker").kendoDatePicker({
				// defines the start view
				start : "year",

				// defines when the calendar should return date
				depth : "year",

				// display month and year in the input
				format : "MMMM yyyy"
			});
		});
	</script>
</body>
</html>